:root {
  --linear-gradient: linear-gradient(
    to right bottom,
    #ffc0b6,
    #ffbdb0,
    #ffbba9,
    #ffb8a2,
    #ffb69b,
    #ffb495,
    #feb18e,
    #fdaf88,
    #fdad81,
    #fdaa79,
    #fca871,
    #fba669
  );

  --genesis: rgba(196, 174, 77, 0.8);

  --rhino: #274253;
  --terracotta: #dd765e;

  --manhattan: #f5b498;
  --charade: #2f2e42;
  --bg: #fbf0e822;

  --banner-background: var(--charade);
  --banner-text: var(--manhattan);
  --highlight: rgba(251, 166, 105, 0.5);
  --shadow-only-light: 0 1px 4px var(--shadow-light);
}

[data-theme='dark'] {
  --linear-gradient: linear-gradient(
    to right top,
    #444359,
    #403f55,
    #3c3b50,
    #38374c,
    #343348,
    #313045,
    #2f2e42,
    #2c2b3f,
    #2a293d,
    #27263a,
    #252438,
    #232236
  );
  --banner-background: var(--charade);
  --banner-text: var(--manhattan);
  --highlight: rgba(248, 184, 139, 0.2);
  --bg: var(--bg-color);
  --shadow-only-light: none;

  --nav-bg: #353135;
}



input[type='range'] {
  padding: 0 !important;
}